@import '@/assets/scss/config.scss';
//flex布局复用
@mixin flex($hov:space-between,$col:center){
    display:flex;
		//主轴方向
		// flex-direction:$fd;
		//项目在主轴对齐方式
    justify-content:$hov;
		// 项目在交叉轴上如何对齐
    align-items:$col;
		// 换不换行
		// flex-wrap:$isWrap;
  }
  @mixin bgImg($w:0,$h:0,$img:'',$size:contain){
    display:inline-block;
    width:$w;
    height:$h;
    background:url($img) no-repeat center;
    background-size:$size;
  }
  @mixin position($pos:absolute,$top:0,$left:0,$w:100%,$h:100%){
    position:$pos;
    top:$top;
    left:$left;
    width:$w;
    height:$h;
  }
	// @mixin positionR($pos:absolute,$top:0,$right:0,$w:100%,$h:100%){
	//   position:$pos;
	//   top:$top;
	//   right:$right;
	//   width:$w;
	//   height:$h;
	// }
  @mixin positionImg($pos:absolute,$top:0,$right:0,$w:0,$h:0,$img:''){
    position:$pos;
    top:$top;
    right:$right;
    width:$w;
    height:$h;
    background:url($img) no-repeat center;
    background-size:contain;
  }
  @mixin height($h:0,$lh:$h) {
    height: $h;
    line-height: $lh;
  }
  @mixin wH($w:0,$h:0) {
    width:$w;
    height: $h;
  }
  @mixin border($bw:1px,$bc:$colorF,$bs:solid) {
    border: $bw $bs $bc; 
  }
	//主页
	//现在下单,特惠副标题
	@mixin fontStyle($fz:$fontD,$c:darkgray){
		font-size: $fz;
		color: $c;
	}
	//现在下单,特惠图片
	@mixin navbarLogo($w:0,$h:0,$mt:0,$mr:0,$mb:0,$ml:0){
		width: $w;
		height: $h;
		margin: $mt $mr $mb $ml;
	}
	//圆角
	@mixin border-radius($lt:0rpx,$rt:0rpx,$rb:0rpx,$lb:0rpx){
		border-radius:$lt $rt $rb $lb;
	}
	//文本溢出隐藏
	@mixin textOverFlowHidden(){
		white-space: nowrap;      /*超出的空白区域不换行*/
		overflow: hidden;         /*超出隐藏*/
		text-overflow: ellipsis;  /*文本超出显示省略号*/
	}